<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Nifty Corners: Javascript CSS rounded corners</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<meta property="og:title" content="Nifty Corners" /> 
<meta property="og:url" content="http://www.html.it/articoli/nifty/index.html"/> 
<meta property="og:image" content="http://utenti.html.it/tmp_img/guida_thumb_cde12e701404a82b.png"/> 
<meta property="og:site_name" content="HTML.it" /> 
<meta property="og:type" content="article" /> 
<meta property="fb:page_id" content="93192098615" /> 
<meta property="fb:app_id" content="116841295012220" /> 
<style type="text/css">
body{padding: 20px;background-color: #FFF;
    font: 76% Verdana,Arial,sans-serif}
div#menu{float:left;width: 600px;padding-top:30px;background: url(navbk.jpg)}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left: 15px}
ul#nav li{float:left;width:101px;margin-right:2px;text-align: center}
ul#nav a{float:left;width:101px;padding: 2px 0 5px;text-decoration:none;background: #BEFF9A;color: #999}
ul#nav li.activelink a,ul#nav a:hover{color: #000}
</style>
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript" src="nifty.js"></script>
<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
    return;
RoundedTop("div#nav li","transparent","#BEFF9A");
}
</script>
<script type="text/javascript"> 
	var _gaq = _gaq || [];
	_gaq.push(
	['_setAccount', 'UA-272662-1'],
	['_setDomainName', '.html.it'],
	['_trackPageview']
);
</script> 
 
<script type="text/javascript"> 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = 'http://www.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script> 
</head><body>
<div id="menu">
    <ul id="nav">
        <li id="home" class="activelink"><a href="#">Home</a></li>
        <li id="who"><a href="#">About</a></li>
        <li id="prod"><a href="#">Product</a></li>
        <li id="serv"><a href="#">Services</a></li>
        <li id="cont"><a href="#">Contact us</a></li>
    </ul>
</div>

</body>
</html>